<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4610055_6a9lcmmapwi.css">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/my.css" rel="stylesheet">
    <title>拼多多 个人中心</title>
</head>
<body>
<div class="wrapper">
    <div class="my">
        <img src="img/tx.png">
        <div class="my-left">
            <p>beam&nbsp;<span class="iconfont icon-weixin" style="color: #38CA73"></span><span class="iconfont icon-xiangyoujiantou"></span></p>
            <p1 style="color: #888888"><span class="iconfont icon-ditu-dibiao">收货地址</span><span class="iconfont icon-xiangyoujiantou"></span></p1>
        </div>
        <div class="my-right">
            <div class="border1">
                <p><span class="iconfont icon-weixinzhifu" style="color: #38CA73"></span>免单返现金<span class="iconfont icon-xiangyoujiantou" style="color: #444444"></span></span></p>
            </div>
            <p1 class="iconfont icon-shezhi"><span style="color:black;">设置</span></p1>
        </div>
    </div>
    <div class="advertising">
        <h4>省钱月卡&nbsp;</h4>
        <p>|&nbsp;开通领124元优惠券</p>
        <div class="iconfont icon-xiangyoujiantou"></div>
    </div>
    <div class="my-orders-info">
        <p1>我的订单</p1>
        <p>查看全部<span class="iconfont icon-xiangyoujiantou"></span></p>
    </div>
    <ul class="my-orders">
        <li>
            <div class="iconfont icon-daifukuan"></div>
            <p>待付款</p>
        </li>
        <li>
            <div class="iconfont icon-daifenxiang"></div>
            <p>待分享</p>
        </li>
        <li>
            <div class="iconfont icon-clock"></div>
            <p>待发货</p>
        </li>
        <li>
            <div class="iconfont icon-daishouhuo"></div>
            <p>待收货</p>
        </li>
        <li>
        <div class="iconfont icon-comment"></div>
        <p>评价</p>
        </li>

    </ul>
    <ul class="functions1">
        <li>
            <div class="iconfont icon-shangpinshoucang1" style="color: red" onclick="location.href='collection.html'"></div>
            <p>商品收藏</p>
        </li>
        <li>
            <div class="iconfont icon-a-duoduoqianbao1" style="color: red"></div>
            <p>多多钱包</p>
        </li>
        <li>
            <div class="iconfont icon-9" style="color: red"></div>
            <p>优惠券</p>
        </li>
        <li>
            <div class="iconfont icon-lishiliulan" style="color: red"></div>
            <p>历史浏览</p>
        </li>
        <li>
            <div class="iconfont icon-tuikuanshouhou" style="color: red"></div>
            <p>退款售后</p>
        </li>
    </ul>
    <ul class="functions2">
        <li>
            <div class="iconfont icon-huochepiao" style="color: peru"></div>
            <p>火车票</p>
        </li>
        <li>
            <div class="iconfont icon-niu" style="color: peru"></div>
            <p>多多牧场</p>
        </li>
        <li>
            <div class="iconfont icon-guanfangkefu" style="color: peru"></div>
            <p>官方客服</p>
        </li>
        <li>
            <div class="iconfont icon-xin" style="color: peru"></div>
            <p>新客立减</p>
        </li>
    </ul>
    <div class="commodity">
        <ul class="left">
            <img src="img/sp01.png">
            <div class="left-info1">
                <h3>暑假大促</h3>
                <p>新款牛油果背包小</p>
            </div>
            <div class="left-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: indianred">&nbsp;关注立减4元</p>
            </div>
            <div class="left-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">券后&#165;</span><span class="larger">13</span><span class="smaller">.86</span>
                </div>
                <p>店铺好评2315条</p>
            </div>
        </ul>
        <ul class="right">
            <img src="img/sp02.png">
            <div class="right-info1">
                <p>抖音同款可爱恐龙玩偶情侣</p>
            </div>
            <div class="right-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: #AAAAAA">&nbsp;退货包运费</p>
            </div>
            <div class="right-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">历史低价&#165;</span><span class="larger">8</span><span class="smaller">.93</span>
                </div>
                <p>店铺好评1万条</p>
            </div>
        </ul>

    </div>
    <div class="commodity">
        <ul class="left">
            <img src="img/sp03.png">
            <div class="left-info1">
                <p>法式新款u领开衫短袖冰</p>
            </div>
            <div class="left-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: indianred">&nbsp;好评超99%同款</p>
            </div>
            <div class="left-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">券后&#165;</span><span class="larger">34</span><span class="smaller">.9</span>
                </div>
                <p>店铺好评2.1万+件</p>
            </div>
        </ul>
        <ul class="right">
            <img src="img/sp04.png">
            <div class="right-info1">
                <p>卡通创意挂饰可爱背包恐龙</p>
            </div>
            <div class="right-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: #AAAAAA">&nbsp;好评超88%同款</p>
            </div>
            <div class="right-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">券后&#165;</span><span class="larger">3</span><span class="smaller">.92</span>
                </div>
                <p>店铺好评3.1万条</p>
            </div>
        </ul>

    </div>
    <div class="commodity">
        <ul class="left">
            <img src="img/sp05.png">
            <div class="left-info1">
                <h3 style="background: #38CA73;color: white">0元试用</h3>
                <p>可爱独眼怪毛挂件</p>
            </div>
            <div class="left-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: #38CA73">&nbsp;退货包运费</p>
            </div>
            <div class="left-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">历史低价&#165;</span><span class="larger">2</span><span class="smaller">.6</span>
                </div>
                <p>已拼2.1万+件</p>
            </div>
        </ul>
        <ul class="right">
            <img src="img/sp06.png">
            <div class="right-info1">

                <p>高级感镜面熊猫iPhone</p>
            </div>
            <div class="right-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: #AAAAAA">&nbsp;极速退款</p>
            </div>
            <div class="right-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">&nbsp;券后&#165;</span><span class="larger">5</span><span class="smaller">.88</span>
                </div>
                <p>店铺好评1万条</p>
            </div>
        </ul>

    </div>
    <div class="commodity">
        <ul class="left">
            <img src="img/sp07.png">
            <div class="left-info1">
                <h3>暑假大促</h3>
                <p>德国进口耳塞睡眠</p>
            </div>
            <div class="left-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: indianred">&nbsp;好评超80%同款</p>
            </div>
            <div class="left-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">历史低价&#165;</span><span class="larger">2</span><span class="smaller">.13</span>
                </div>
                <p>店铺好评7905条</p>
            </div>
        </ul>
        <ul class="right">
            <img src="img/sp08.png">
            <div class="right-info1">

                <p>韩国豹纹复古百搭眼镜</p>
            </div>
            <div class="right-info2">
                <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: #38CA73">先用后付</p>
                <p style="color: #AAAAAA">&nbsp;极速退款</p>
            </div>
            <div class="right-info3">
                <div class="p1" style="color: indianred">
                    <span class="larger">&nbsp;&#165;</span><span class="larger">2</span><span class="smaller">.88</span>
                </div>
                <p>已拼1万+件</p>
            </div>
        </ul>
    </div>

            <!--底部菜单部分-->
            <ul class="footer">
                <li onclick="location.href='index.html'">
                    <i class="iconfont icon-shouyexuanzhong-copy" ></i>
                    <p>首页</p>
                </li>
                <li>
                    <i class="iconfont icon-shipin"></i>
                    <div class="icon-quantity">3</div> <!-- 添加数字 -->
                    <p>多多视频</p>
                </li>
                <li>
                    <img src="img/618.png">
                    <p>618大促</p>
                </li>
                <li onclick="location.href='orderList.html'">
                    <i class="iconfont icon-liaotianjilu"></i>
                    <div class="icon-quantity">99+</div> <!-- 添加数字 -->
                    <p>聊天</p>
                </li>
                <li onclick="location.href='login.html'">
                    <i class="iconfont icon-xiaolian1" style="color: red"></i>
                    <p>个人中心</p>
                </li>
            </ul>
</div>


</body>
</html>